/**
 * UniApp 框架样式变量文件
 *
 * 说明：
 * 1. 这些是 UniApp 框架和 uni-ui 组件库使用的 SCSS 变量
 * 2. 用于编译时的静态样式计算，不支持动态主题切换
 * 3. 运行时的动态主题由 src/config/theme.ts 和 src/store/theme.ts 管理
 * 4. 这里的颜色值应与主题配置的默认值保持一致
 *
 * 注意：修改这些变量只影响编译时的默认样式，
 *      运行时主题切换请使用主题配置系统
 */

/* 主色调变量 - 与主题配置保持一致 */
$uni-color-primary: #32f08c; // 对应 DEFAULT_THEME_CONFIG.primaryColor
$uni-color-success: #4cd964; // 对应 customColors.success
$uni-color-warning: #ff9500; // 对应 customColors.warning
$uni-color-error: #ff3b30; // 对应 customColors.error

/* 文字颜色变量 - 浅色主题默认值 */
$uni-text-color: #333333; // 对应 --text-color
$uni-text-color-inverse: #ffffff; // 反色文字
$uni-text-color-grey: #999999; // 对应 --text-color-placeholder
$uni-text-color-placeholder: #999999; // 占位符文字
$uni-text-color-disable: #c0c0c0; // 对应 --text-color-disabled

/* 背景颜色变量 - 浅色主题默认值 */
$uni-bg-color: #ffffff; // 对应 --bg-color
$uni-bg-color-grey: #f8f8f8; // 对应 --page-bg
$uni-bg-color-hover: #f1f1f1; // 悬停背景色
$uni-bg-color-mask: rgba(0, 0, 0, 0.4); // 对应 --mask-bg

/* 边框颜色变量 */
$uni-border-color: #e5e5e5; // 对应 --border-color

/* 字体大小变量 */
$uni-font-size-sm: 12px; // 小号字体
$uni-font-size-base: 14px; // 基础字体大小
$uni-font-size-lg: 16px; // 大号字体

/* 间距变量 */
$uni-spacing-sm: 8px; // 小间距
$uni-spacing-base: 15px; // 基础间距
$uni-spacing-lg: 30px; // 大间距

/* 圆角变量 */
$uni-border-radius-sm: 2px; // 小圆角
$uni-border-radius-base: 4px; // 基础圆角
$uni-border-radius-lg: 6px; // 大圆角
$uni-border-radius-circle: 50%; // 圆形

/* 阴影变量 - 对应主题配置中的阴影 */
$uni-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.04); // 轻微阴影
$uni-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.1); // 对应 --shadow-light
$uni-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.1); // 对应 --shadow-medium
